.footer {
  position: absolute;
  width: 100%;
  height: 173px;
  border-top: 1px solid #d3d3d3;
  background-color: #f2f2f2;
  .foot_enter_tt {
    background: url(~@/assets/images/footer/foot_enter_tt.png) no-repeat 0 -9999px;
  }
  .foot_enter_new {
    background: url(~@/assets/images/footer/foot_enter_new.png) no-repeat 0 -9999px;
  }
  .footer-wrap {
    // position: relative;
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
    .copyright {
      float: left;
      width: 520px;
      height: 115px;
      padding-top: 15px;
      font-size: 12px;
      line-height: 24px;
      text-align: left;
      .music-link {
        a {
          color: #999;
        }
        span {
          margin:0 4px;
          color: #c2c2c2;
        }
      }
      .copyright-link {
        color: #666;
        .span {
          margin-right: 14px;
        }
      }
      .beian {
        height: 28px;
        line-height: 28px;
        color: #666;
        .police-logo {
          display: inline-block;
          width: 14px;
          height: 14px;
          margin: 0 2px 0 4px;
          vertical-align: -2px;
          background: url(~@/assets/images/footer/police.png) no-repeat;
          background-size: 14px 14px;
        }
      }
      .zj {
        color: #666;
      }
    }
    .frend-link {
      // position: absolute;
      // top: 50%;
      // right: 0;
      margin-top: 33px;
      float: right;
      width: 420px;
      // transform: translateY(-50%);
      .ul-wrap {
        .unit {
          float: left;
          width: 60px;
          height: 70px;
          margin-left: 30px;
          &:first-of-type {
            margin-left: 0 !important;
          }
          .fl_logo {
            display: block;
            width: 50px;
            height: 45px;
            margin: 0 auto;
          }
          .fl_tt {
            display: block;
            height: 14px;
            width: 50px;
          }
          .logo-amped {
            background-position: -63px -456.5px;
            background-size: 110px 552px;
          }
          .logo-auth {
            background-position: -63px -101px;
            background-size: 110px 552px;
          }
          .logo-musician {
            background-position: 0 0;
            background-size: 110px 552px;
          }
          .logo-reward {
            background-position: -60px -50px;
            background-size: 110px 552px;
          }
          .logo-cash {
            background-position: 0 -101px;
            background-size: 110px 552px;
          }
          .tt-amped {
            width: 72px;
            margin: 5px 5px 0 -4px;
            background-position: 0 -108px;
            background-size: 180px 139px;
          }
          .tt-auth {
            width: 72px;
            margin: 5px 5px 0 5px;
            background-position: -1px -91px;
            background-size: 180px 139px;
          }
          .tt-musician {
            width: 72px;
            margin: 5px 5px 0 5px;
            background-position: 0 0;
            background-size: 180px 139px;
          }
          .tt-reward {
            width: 72px;
            margin: 5px 5px 0 6px;
            background-position: 0 -54px;
            background-size: 180px 139px;
          }
          .tt-cash {
            width: 72px;
            margin: 5px 5px 0 4px;
            background-position: -1px -72px;
            background-size: 180px 139px;
          }
        }
      }
    }
  }
}
